<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../commn/base.css" />
		<link rel="stylesheet" type="text/css" href="../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../Hui-iconfont/1.0.8/iconfont.css" />
		<style type="text/css">
			body {
				display: -webkit-box;
				-webkit-box-orient: vertical;
				width: 100%;
				background-color:  #EFEFF4;
			}
			.index {
				min-width: 240px;
			}
			.top {
				position: fixed;
				display: -webkit-box;
				width: 100%;
				height: 40px;
				font-size: 18px;
				color: white;
				text-indent: 1em;
				font-weight: bold;
				line-height: 40px;
				background-color: #0F88EB;
			}
			.home_content {
				min-width: 240px;
				max-width: 640px;
				margin: 45px auto 55px auto;
				background-color: #EFEFF4;
			}
			.weui-tabbar {
				height: 50px;
				position: fixed;
			}
			
			.mydata {
				display: -webkit-box;
				height: 80px;
				border: 1px solid #EEEEEE;
				background-color: white;
			}
			
			.myphoto {
				width: 60px;
				height: 60px;
				border-radius: 50px;
				margin: 10px;
				border: 1px solid #EEEEEE;
				overflow: hidden;
			}
			
			.mydata {
				color: black;
			}
			
			.myphoto>img {
				width: 60px;
				height: 60px;
			}
			
			.myname {
				-webkit-box-flex: 1;
			}
			
			.myname p:nth-child(1) {
				font-weight: bold;
				line-height: 40px;
			}
			
			.myname p:nth-child(2) {
				font-size: 14px;
				color: #9B9B9B;
			}
			
			.menu {
				margin-top: 5px;
				height: 370px;
				border: 1px solid #EEEEEE;
				background-color: white;
			}
			.menu>p{
				display: -webkit-box;
				height: 40px;
				line-height: 40px;
			}
			.menu>p>i{
				display: -webkit-box;
				width: 40px;
				color: #B2B2B2;
				margin-left: 10px;
				font-size: 30px;
			}
			.menu>p>a{
				display: -webkit-box;
				color: black;
				text-indent: 1em;
				-webkit-box-flex: 1;
				border-bottom: 1px solid #EEEEEE;
			}
		</style>
	</head>

	<body>
		<div class="index">
			<div class="top">
				更多
			</div>
			<div class="home_content">
				<a href="">
					<div class="mydata">
						<div class="myphoto">
							<img src="../common/img/1.jpg" />
						</div>
						<div class="myname">
							<p @cilck="loginlink()" v-html="name">登陆/注册</p>
							<p>查看或编辑个人资料</p>
						</div>
					</div>
				</a>
				<div class="menu">
					<p><i class="Hui-iconfont Hui-iconfont-yanjing"></i><a href="">我的关注</a></p>
					<p><i class="Hui-iconfont Hui-iconfont-cang-selected"></i><a href="">我的收藏</a></p>
					<p><i class="Hui-iconfont Hui-iconfont-shijian"></i><a href="">最近浏览</a></p>
					<p><i class="Hui-iconfont Hui-iconfont-help"></i><a href="">我的问答</a></p>
				</div>
			</div>

			<div class="weui-tabbar">
				<a href="../zhihu_home/home.html" class="weui-tabbar__item weui-bar__item--on">
					<!--<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>-->
					<div class="weui-tabbar__icon .Hui-iconfont-canshu">
						<i class="Hui-iconfont Hui-iconfont-canshu"></i>
					</div>
				</a>
				<a href="../zhihu_discovery/discovery.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon ">
						<i class="Hui-iconfont Hui-iconfont-yanjing"></i>
					</div>
				</a>
				<a href="../zhihu_message/message_home.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<i class="Hui-iconfont Hui-iconfont-xiaoxi1"></i>
					</div>
				</a>
				<a href="more.html" class="weui-tabbar__item">
					<div class="weui-tabbar__icon">
						<i class="Hui-iconfont Hui-iconfont-menu" style="color: #0766C6;"></i>
					</div>
				</a>
			</div>
		</div>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var newVue = new Vue({
				el: "body",
				data: {
					 name: sessionStorage.getItem('email')
				},
				methods:{
					link:function(e){
						location.href="../zhuhu_detail/detail.html?id="+e;
					},
					loginlink:function(){
						location.href="../zhihu_index/index.html"
					}
				}
			})
			var ss;
			var dd;
			$.ajax({
				type: 'get',
				//async:false,
				url: "http://v2.mashupcloud.cn/developer/auth.do",
				data: {
					appkey: 'FvWrIYOQoTUYVbscUNQoQAVqsLnZqKEN',
					appsecret: 'ugCfcSmyLkcbCGfIuFOPEgTgPQPbyJSE'

				},
				success: function(json) {
					//		            console.log(json);
					ss = JSON.parse(json)[1];
					dd = JSON.parse(json)[2];
					console.log('获得token成功');
					$.ajax({
						type: 'get',
						url: "http://v2.mashupcloud.cn/SQL/sele_data_user/",
						data: {
							appid: dd,
							token: ss,
							name: 'sele_data_user',
						},
						success: function(json) {
							console.log(JSON.parse(json));
							newVue.message=JSON.parse(json)[2];
						},
						error: function(json) {
							console.log("err:" + json);
						}
					});
				},
				error: function(json) {
					console.log("err:" + json);
				}
			});
		</script>
	</body>

</html>